<!doctype html>
<html>
  <head>
    <meta charset="utf-8"/>

    <script src="jquery.js"></script>
    <script src="logic.js"></script>
    <script src="view.js"></script>
    
    <title>Demo</title>
	<style>
		a.test {
			font-weight: bold;
		}
		
		a.test1 {
			font-style: italic
		}
		
	</style>
	
	<style type="text/css">
		button.calcbutton {
			-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
			-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
			box-shadow:inset 0px 1px 0px 0px #ffffff;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
			background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
			background-color:#ededed;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			border:1px solid #dcdcdc;
			display:inline-block;
			color:#777777;
			font-family:arial;
			font-size:15px;
			font-weight:bold;
			padding:6px 24px;
			text-decoration:none;
			text-shadow:1px 1px 0px #ffffff;
		}button.calcbutton:hover {
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
			background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
			background-color:#dfdfdf;
		}button.calcbutton:active {
			position:relative;
			top:1px;
		}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>
  </head>
  <body>
  	<label id="status">bbbb</label>
<!--     <a href="http://jquery.com/" class="test1">jQuery</a> -->
	<div name="calculator"></div>
  </body>
</html>